let obj = new URLSearchParams(location.search);
      let id = obj.get("id");
      console.log(id);
      /* 
      根据商品 id 获取商品详情接口

     接口地址：http://jx.xuzhixiang.top/ap/api/detail.php
    接口请求方式：get
    接口参数：
    id  商品的id
    使用方式
    获取id为1的商品的详情
    http://jx.xuzhixiang.top/ap/api/detail.php?id=1
    服务器返回json数据
      */
      let url = "http://jx.xuzhixiang.top/ap/api/detail.php";
      axios.get(url, { params: { id } }).then((r) => {
        console.log(r.data);
        let pObj = r.data.data;
        let str = `
            <a href="#" style="text-decoration:none">
                <h1 style="color:#000">${pObj.pname}</h1>
                <img src="${pObj.pimg}" alt="">
                <p style="color:#f00">${pObj.pprice}</p>
                <p style="color:#000">${pObj.pdesc}</p>
            </a>
            <input type="number" value="1" min="1" class="pnum">
            <button onclick="addCartHandle()" style="background-color:yellow;color:red;border-radius:10px">加入购物车</button>
        `;
        document.querySelector("#con").innerHTML = str;
      });

      //   addCartHandle();
      function addCartHandle() {
        // console.log(1);
        // 从本地获取id
        let uid = localStorage.getItem("id");
        let pid = id;
        // 获取数量框
        let pnum = document.querySelector(".pnum").value;
        /* 
        给用户购物车中添加商品 接口

     接口地址：http://jx.xuzhixiang.top/ap/api/add-product.php
     接口请求方式：get
     接口参数：
          uid  用户id
          pid  商品id
          pnum  要添加的商品数量

     使用方式

          http://jx.xuzhixiang.top/ap/api/add-product.php?uid=1&pid=1&pnum=1
          服务器返回json数据
        */
        let url = "http://jx.xuzhixiang.top/ap/api/add-product.php";
        axios.get(url, { params: { uid, pid, pnum } }).then((r) => {
          console.log(r.data);
          alert("添加至购物车成功");
          location.href = "cart.html";
        });
      }